Mod name: Bevel Cells

Description: Allows you to add bevels to your table cells, operates through the control panel.

Created By: Bookie.

Compatability: Will work on 6.1.0.3

Demo: http://www.clan-316.com/ubbcgi/ultimatebb.cgi

Download: Here

Note: Be sure to back up all files when installing. Enjoy!

<font color="#000000" size="1">[ 01-04-2002 05:24 PM: Message edited by: Bookie ]</font>

so when your mouse go over the section it changes colors to the one you want right? if it is that's what I been looking for and good job

No, no, heh. The hack that changes colors on mouseover is the Hypercells hack. This hack gives table cells a bevel look, kind of 3D like.

BUG:

<table border="1" width="100%" cellpadding="$table_borders[2]" cellspacing="$table_borders[3]" bordercolordark="$vars_style{LightBevel} bordercolorlight="$vars_style{DarkBevel}">

needs to be:

<table border="1" width="100%" cellpadding="$table_borders[2]" cellspacing="$table_borders[3]" bordercolordark="$vars_style{LightBevel}" bordercolorlight="$vars_style{DarkBevel}">

Whoops, thanks for pointing that out. Text file updated.

Bookie, you da man. But you already know that.

oh hehe that's what I thought

Nice but it breaks the stock style option of:

Outside borders visible only.

It frames everything. I prefer just the outside as the stock option displays.

<font color="#000000" size="1">[ 12-30-2001 11:22 PM: Message edited by: 1QuickSI ]</font>

I really like it, I might install later on. <img src="smile.gif" border="0" alt="" />

I have no choice but to try it. It's a sickness I tell ya.

heheh

Blast! Now you've made me wish I had designed the new Se7enet with a bevel instead of flat, because this is so freakin cool but it just won't match the new site design... <img src="frown.gif" border="0" alt="" />

---Jamin

bookie, how might one do this to html tables (not in ubb) i wanna add this to my sites layout <img src="smile.gif" border="0" alt="" />

that just looks so cool <img src="smile.gif" border="0" alt="" /> nice hack

When I added the bevel colors all went well, till I tried to remove them and got the message that I didn't complete all required fields. The names are in blue in the style template in the CP but it wants me to complete them anyway.

I removed the settings manually via FTP but why would it act like that? could MyStyle have something to do with it?

Stop blaming MyStyle about everything!!! <img src="wink.gif" border="0" alt="" />

Just do NOT do these steps:
[code][/code]

You know I love MyStyle, I just didn't know what else was causing it.

Well, I did what you said LK and sure enough I didn't get that error, but it turned the light and dark bevels white.

I guess that's why it's required <img src="wink.gif" border="0" alt="" />

That's one really nice thing about using EditPlus...it automatically creates a .bak file for every file you edit.

Hmmm, I never really tested turning it off.

Oh, and to use it on just regular html tables all you need to do really is add:

bordercolordark="lightcolor" bordercolorlight="darkcolor"

in the <table> tags. Remember to put border="1" also, if you want a thicker bevel make the border number higher. The lightcolor is in the dark field because thats what make it look bevelled.

<font color="#000000" size="1">[ 12-31-2001 10:55 AM: Message edited by: Bookie ]</font>

</font><blockquote><font size="1" face="Verdana, Helvetica, sans-serif">quote:</font><hr /><font size="2" face="Verdana, Helvetica, sans-serif">Originally posted by 1QuickSI:
Nice but it breaks the stock style option of:

Outside borders visible only.

It frames everything. I prefer just the outside as the stock option displays.

<font color="#000000" size="1">[ 12-30-2001 11:22 PM: Message edited by: 1QuickSI ]</font></font><hr /></blockquote><font size="2" face="Verdana, Helvetica, sans-serif">

I prefer this option too...but think the hack is pretty cool -- Any middle ground?? So it only applies to the outside borders??

<font color="#000000" size="1">[ 12-31-2001 08:57 PM: Message edited by: Soul Survivor ]</font>

the hack still works with that option set, but when you have that option set, it will look like there is borders on.

How about an on/off setting in the CP? Throw an If or an Else here and there and BLAM! It kinda tweaked my gradient bars that I seem to have everywhere but I can see some great ways to use this.

Alright, I'll add on/off switch in version 1.1. Coming out next year. <img src="wink.gif" border="0" alt="" />

</font><blockquote><font size="1" face="Verdana, Helvetica, sans-serif">quote:</font><hr /><font size="2" face="Verdana, Helvetica, sans-serif">Originally posted by Bookie:
Alright, I'll add on/off switch in version 1.1. Coming out next year. <img src="wink.gif" border="0" alt="" /> </font><hr /></blockquote><font size="2" face="Verdana, Helvetica, sans-serif">

Hahahaha....wo0t.

BLAM! <img src="wink.gif" border="0" alt="" />

</font><blockquote><font size="1" face="Verdana, Helvetica, sans-serif">quote:</font><hr /><font size="2" face="Verdana, Helvetica, sans-serif">Originally posted by Bookie:
the hack still works with that option set, but when you have that option set, it will look like there is borders on.</font><hr /></blockquote><font size="2" face="Verdana, Helvetica, sans-serif">

Yeah but it doesnt really regard the option...What would I change to make it not draw the inside borders?

<font color="#000000" size="1">[ 12-31-2001 11:40 PM: Message edited by: Soul Survivor ]</font>

Well, quite bluntly, it can't be done with the method I use in this hack. Because it draws borders around each cell to make it look beveled, the is no setting that allows you to only do it around the outside of the table. Sorry. <img src="frown.gif" border="0" alt="" />

hey book mine aproving my acount over at your forum <img src="wink.gif" border="0" alt="" /> ?

That hack really does look good on your board. I have no idea what it will look like on mine, but I'll backup my files before trying it. Brilliant idea Bookie <img src="smile.gif" border="0" alt="" /> .

Wow that hack looks pretty cool!!!.... Is it compatible with 6.1.0.2 though?

<font color="#000000" size="1">[ 01-01-2002 10:18 AM: Message edited by: DJSpellBound ]</font>

Hmm, so where in the controlpanel do I edit the bevils? <img src="smile.gif" border="0" alt="" />

Can't find it anywhere.

<font color="#000000" size="1">[ 01-02-2002 04:58 AM: Message edited by: Robban ]</font>

Hmm, where in the controlpanel do I edit the bevils look and colors etc? Just can't find it there! *confused*.

I hacked the board without any problems. Now the forums just looks ugly.

(I'm sorry it came twice. When I reloaded the topic I didn't see me first post -- because the topic was divided in 3 pages)

CP - Style Templates - [choose template]

i got it running on 6.05 last night <img src="biggrin.gif" border="0" alt="" /> http://www.ceanime.com/cgi-bin/ubb/ultimatebb.cgi

nice work bookie, might install this on my board

</font><blockquote><font size="1" face="Verdana, Helvetica, sans-serif">quote:</font><hr /><font size="2" face="Verdana, Helvetica, sans-serif">Originally posted by LK:
CP - Style Templates - [choose template]</font><hr /></blockquote><font size="2" face="Verdana, Helvetica, sans-serif">

Thanks, it worked <img src="smile.gif" border="0" alt="" />

Well, my "who is online" hack is at the top of the page. It's didnt get the bevels, anyone know how I can fix that, please?

Go into ubb_forum_summary.cgi, and do the following:

Find:
my ($Online_Wording, $Online_Details, @nullit) = &GetOnlineUsers($username);

my $replace = qq~
<table border="0" cellpadding="0" cellspacing="1" width="$vars_style{TableWidth}">
<tr bgcolor="$vars_style{TableBorderColor}"><td>
<table border="0" bgcolor="$vars_style{TableBorderColor}" width="100%" cellpadding="4" cellspacing="1">


Replace With:
my ($Online_Wording, $Online_Details, @nullit) = &GetOnlineUsers($username);

my $replace = qq~
<table border="0" cellpadding="0" cellspacing="1" width="$vars_style{TableWidth}">
<tr bgcolor="$vars_style{TableBorderColor}"><td>
<table border="0" bgcolor="$vars_style{TableBorderColor}" width="100%" cellpadding="4" cellspacing="1" bordercolordark="$vars_style{LightBevel}" bordercolorlight="$vars_style{DarkBevel}">


Do the same in ubb_forum.cgi. <img src="smile.gif" border="0" alt="" />

<font color="#000000" size="1">[ 01-02-2002 06:10 PM: Message edited by: Bookie ]</font>

Hm...i have this:

##### Who's online? Code Block by Elliott "Borg" Brady modified by Tim "eXtremeTim,The eXtreme One" Yarbrough
my ($Online_Wording, $Online_Details, @nullit) = &GetOnlineUsers($username);

my $replace = qq~
<tr bgColor="$vars_style{CategoryStripColor}"><td bgColor="$vars_style{CategoryStripColor}" colspan="7">
<a href="$vars_config{CGIURL}/ultimatebb.cgi?ubb=whos_online"><FONT SIZE="$vars_style{TextSize}" FACE="$vars_style{FontFace}" COLOR="$vars_style{CategoryStripTextColor}">
<b>$vars_wordlets_mods{whos_online_whos_online}</b></a></td></tr>
<tr bgColor="$vars_style{AltColumnColor1}"><td bgcolor="$vars_style{AltColumnColor1}" valign="top" align="center">
<IMG SRC="$vars_config{NonCGIURL}/online.gif">
</td><td bgColor="$vars_style{AltColumnColor1}" colspan="6">
<FONT SIZE="1" FACE="$vars_style{FontFace}" color="$vars_style{BBTitleFontColor}"><A HREF="$vars_config{CGIURL}/ultimatebb.cgi?ubb=whos_online"><B>$Online_Wording</A></B></FONT>

<FONT SIZE="1" FACE="$vars_style{FontFace}" color="$vars_style{TextColor}">$Online_Details</font></td></tr>~;
##### / Who's online? Code block by Elliott "Borg" Brady modified by Tim "eXtremeTim,The eXtreme One" Yarbrough


Were can i place the beveltags?

replace with:

[code][/code]

That is untested code, btw, so it may not work.


[edit] there, all fixed up.[/edit]

<font color="#000000" size="1">[ 01-03-2002 04:02 PM: Message edited by: dende ]</font>

</font><blockquote><font size="1" face="Verdana, Helvetica, sans-serif">quote:</font><hr /><font size="2" face="Verdana, Helvetica, sans-serif">Originally posted by XPerT:
I have no choice but to try it. It's a sickness I tell ya.</font><hr /></blockquote><font size="2" face="Verdana, Helvetica, sans-serif">


I know what you mean, Great hack btw..

Thanks. <img src="biggrin.gif" border="0" alt="" />

Variables, the way you have got it set up, you shouldnt need to do as dende posted, it should work fine. But if it doesnt work you could try that code.

<font color="#000000" size="1">[ 01-02-2002 11:21 PM: Message edited by: Bookie ]</font>

I just wanted to mention, because I'm an HTML fascist, that this mod won't work in Netscape Navigator 4. The bordercolordark and bordercolorlight attributes are nonstanard and not part of the official HTML specification.

</font><blockquote><font size="1" face="Verdana, Helvetica, sans-serif">quote:</font><hr /><font size="2" face="Verdana, Helvetica, sans-serif">Originally posted by Bookie:
Go into ubb_forum_summary.cgi, and do the following:

Find:
my ($Online_Wording, $Online_Details, @nullit) = &GetOnlineUsers($username);

my $replace = qq~
<table border="0" cellpadding="0" cellspacing="1" width="$vars_style{TableWidth}">
<tr bgcolor="$vars_style{TableBorderColor}"><td>
<table border="0" bgcolor="$vars_style{TableBorderColor}" width="100%" cellpadding="4" cellspacing="1">


Replace With:
my ($Online_Wording, $Online_Details, @nullit) = &GetOnlineUsers($username);

my $replace = qq~
<table border="0" cellpadding="0" cellspacing="1" width="$vars_style{TableWidth}">
<tr bgcolor="$vars_style{TableBorderColor}"><td>
<table border="0" bgcolor="$vars_style{TableBorderColor}" width="100%" cellpadding="4" cellspacing="1" bordercolordark="$vars_style{LightBevel}" bordercolorlight="$vars_style{DarkBevel}">


Do the same in ubb_forum.cgi. <img src="smile.gif" border="0" alt="" />

<font color="#000000" size="1">[ 01-02-2002 06:10 PM: Message edited by: Bookie ]</font></font><hr /></blockquote><font size="2" face="Verdana, Helvetica, sans-serif">


Hello!

Thanks for the help. But I have to say it didn't work, sorry. Well, nothing happend. :

It is the Whos Online 4.1 Final latest version

I mean, the who's online field is at the top of the page. Outside the forum, if you know what I mean (Under total Registered Members and Welcome to our newest member etc) <img src="tongue.gif" border="0" alt="" />

Matt Jacob is of course correct, netscape users will not be cut in on this feature. Though it shouldn't cause any problems in viewing the page with Netscape.

Robban, could I get a link to your forums?

What's Netscape? Oh yeah, that's the browser that use to rule the world when it was still 3.0...

NS3 was a sweet browser...lean, fast and error free.

</font><blockquote><font size="1" face="Verdana, Helvetica, sans-serif">quote:</font><hr /><font size="2" face="Verdana, Helvetica, sans-serif">Originally posted by Bookie:
<strong>Thanks. I'll go fix now if you even need it.

Yeah, good plan Dende. The only thing that was beveled was my head, so the code does nothing indeed. <img src="wink.gif" border="0" alt="" />

</font><blockquote><font size="1" face="Verdana, Helvetica, sans-serif">quote:</font><hr /><font size="2" face="Verdana, Helvetica, sans-serif">Originally posted by Bookie:
Matt Jacob is of course correct, netscape users will not be cut in on this feature. Though it shouldn't cause any problems in viewing the page with Netscape.

Robban, could I get a link to your forums?</font><hr /></blockquote><font size="2" face="Verdana, Helvetica, sans-serif">

It works now! Thanks for your help! <img src="smile.gif" border="0" alt="" />

use the following to add an ON and OFF switch for Bevel Cells 1.0 tested and works fine <img src="biggrin.gif" border="0" alt="" />

<font color="#000000" size="1">[ 01-04-2002 05:22 PM: Message edited by: badnbusy ]</font>

Cool, did you test this? Where do you set it for on and off?

<font color="#000000" size="1">[ 01-04-2002 05:03 PM: Message edited by: Bookie ]</font>

oops! Bookie please read my last post! I updated the post with the ON/OFF Switch details <img src="smile.gif" border="0" alt="" />

Ah, gotcha. But I just finished bevel cells 1.1, see the first post for details on the changes.

ahh wicked! we both had the same principle except u used a seperate "bevel_size" setting and i used the existing "border" option

one question as im not a good hacker of any sort.
can this be implemented to work on 6.05

It hasn't been tested with 6.05, but it will most likely work. Just be sure to back up your files. <img src="smile.gif" border="0" alt="" />

thanks for the quick reply <img src="smile.gif" border="0" alt="" />

nice hack. I had one problem though and it very well may have been something I overlooked or forgot, maybe one of you could help me.

The bevel size doesn't seem to work from the CP. no matter what value I give it, it only gives me a border size of 1. Here is a screenshot of my cp.



It seemed to have made the little color swatches bigger, and there is that god awful greyish-blue bar next to where it has the bevel size. Is this right?

<font color="#000000" size="1">[ 01-10-2002 12:47 PM: Message edited by: bizkit73 ]</font>

That's exactly what I get too, and if I set the size to zero is still messes with the gradients.

Hmmm... wierd. Give me a few minutes and I'll see what the problem is.

Found the problem. To fix this open up cp_styles.cgi and do the following:

[code][/code]

Do that step twice and that should fix it. Instructions updated. <img src="wink.gif" border="0" alt="" />

Now the bevel around the outside of the tables can be adjusted, but nothing happens to the inside of the tables. Not that I really care, cause I like them both set at 1, but just figured I would tell ya. CP still looks the same. It is an awesome hack. I like it. Just needs a little fine tuning. <img src="cool.gif" border="0" alt="" />

It appears that this hack works in the newest version of Netscape (6.2). <img src="biggrin.gif" border="0" alt="" />

</font><blockquote><font size="1" face="Verdana, Helvetica, sans-serif">quote:</font><hr /><font size="2" face="Verdana, Helvetica, sans-serif">Originally posted by Bookie:
<strong>It appears that this hack works in the newest version of Netscape (6.2).

It appears to work fine in netscape at my forums, though I didn't check any others so you may be correct. The bevel size is to adjust the outside borders to make the tables look as if they are sunk into the page more... and I don't think thi inside borders can be adjusted.

YAY! Thanks Bookie. This hack r0x0rz my b0x0rz..lol
just wanted to say thank you.

hi bookie .....
nice hack go it working ....
i was hoping if you could guide me as to what file to change in order to get a border around the

Contact Us | Privacy Statement and this
Ultimate Bulletin BoardTM 6.1.0.3

located at the bottom of main board page and other pages.

and how to seperate the categories,is their any hack for it .....

i hope its not too much to ask for ......
thanks for any help

vik

Any chance this hack will be converted to v6.2.x?

Actually I'm rewriting it for 6.2. It will be a much cleaner version using CSS.

Should be done in a few days.

ok - times up bookie!

im sooo waiting for this hack!

Shoot me an email when it's ready for 6.2+

Thanks!!

cuzz

Haven't had time, maybe this weekend I will be able to get the regular HTML one complete. The CSS one will take more time, but will look much better, and have more options for cleaner looks and adjustable colors/sizes for categories and alternate column colors.

Hello Bookie sorry to bother you again

he bevel cell work very well on my site except at one place. In each threads.

I made a modification the sepaerate each post and now I can't figure out how to but bevel cell on each square.

If you want to see it go there

http://www.sympc.com/cgi-bin/board/ultimatebb.cgi?ubb=get_topic&f=1&t=000004

And use this loggin and password

Username: WTF
password: helloyou69

Thanks for your time and sorry to ask so many question.

Well it seam that I ask to fast I found how . I'm proud of my self there lol.

Maybe you should add this to your txt file

Here is what I did.

#########################
Open public_topic_page.pl

#####
Find:

</font><blockquote><font size="1" face="Verdana, Helvetica, sans-serif">quote:</font><hr /><font size="2" face="Verdana, Helvetica, sans-serif"><table width="100%" cellpadding=3 cellspacing=0></font><hr /></blockquote><font size="2" face="Verdana, Helvetica, sans-serif">############
REPLACE WITH:

</font><blockquote><font size="1" face="Verdana, Helvetica, sans-serif">quote:</font><hr /><font size="2" face="Verdana, Helvetica, sans-serif"><table border="$vars_style{BevelSize}" width="100%" cellpadding="$table_borders[2]" cellspacing="$table_borders[3]" bordercolordark="$vars_style{LightBevel}" bordercolorlight="$vars_style{DarkBevel}">
</font><hr /></blockquote><font size="2" face="Verdana, Helvetica, sans-serif">Enjoy
Sorry to have ask it before I even try